<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/ico" href="/images/favicon.ico" />
    <title>Login</title>
    <link href="../static/css/styles.css" type="text/css" media="screen" rel="stylesheet" />
    <link href="../static/js/jquery-ui-1.8.16.custom.min.js" rel="stylesheet">
    <script src="../static/js/jquery-1.6.2.min.js"></script>
    <script src="../static/js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="../static/js/jquery.keyboard.extension-typing.js"></script>
    <link type="text/css" href="../static/css/keyboard.css" rel="stylesheet" />
    <script type="text/javascript" src="../static/js/jquery.keyboard.js"></script>




</head>
<body id="login">
<div>
    <div id="wrappertop">
    </div>
    <div id="wrapper">
        <div id="content">
            <div id="header">
                <h1>
                    <a href=""></a></h1>
            </div>
            <div id="darkbanner" class="banner320">
                <h2>
                    用户登陆</h2>
            </div>
            <div id="darkbannerwrap">
            </div>
            <form name="form1" method="POST" action="/login/">
            <fieldset class="form">
                <p>
                    <label class="loginlabel" for="user_name">
                        用户名:</label>
                    <input class="logininput ui-keyboard-input ui-widget-content ui-corner-all" name="user"
                        id="user_name" type="text" value="" />
                </p>
                <p>
                    <label class="loginlabel" for="user_password">
                        密码:</label>
                    <span>
                        <input class="logininput"   name="pwd" id="user_password" type="password" /><img
                            id="passwd" class="tooltip" alt="Click to open the virtual keyboard" title="Click to open the virtual keyboard"
                            src="../static/img/keyboard.png" /></span>
                </p>
                    <input  type="submit" value="登陆" style="background-color: rgba(225,225,225,0.24);width: 430px;height:30px;color: black;font-size: 15px; "/>
            </fieldset>
            </form>
        </div>
    </div>
    <div id="wrapperbottom_branding">
        <div id="wrapperbottom_branding_text">
            Language:<a href="#" style='text-decoration: none'>Chinese </a>| <a href="#" style='text-decoration: none'>
                English</a></div>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#user_password').keyboard({
                openOn: null,
                stayOpen: true,
                layout: 'qwerty'
            }).addTyping();
            $('#passwd').click(function() {
                $('#user_password').getkeyboard().reveal();
            });

            $(".logininput").blur(function() {
                if ($(this).val() == "") {
                    $(this).css("border-color", "red");
                                    }
                else
                    $(this).css("border-color", "#D9D6C4");
            })

            $("#loginbtn").click(function() {
                var k = 0;
                var ajaxhtml = "";
                $(".logininput").each(function(i, obj) {
                    if ($(obj).val().trim() == "") {
                        k++;
                        $(this).css("border-color", "red");
                        $(this).focus();
                        return false;
                    }
                });
                if (k != 0) return;
                ajaxhtml = $("#loginbtn").html();
                $("#loginbtn").html("Loading....  <img src='loading.gif' alt='Announcement' /> ");
                $("#loginbtn").attr("disabled", "disabled");

            })
        });

    </script>
	<div style="text-align:center;">
</div>
</div>
</body>